<!--
 * @author chensj
 * @title 
 * @package 
 * @date: 2020-02-27 20:39
  -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Todo List</title>
    <script type="text/javascript">
        function addTodo() {
            var name = document.getElementById("name").value;
            var list = document.getElementById("list");
            list.innerHTML = list.innerHTML + '<p>' + name +'</p>'
        }
    </script>
</head>
<body>
<h1>Todo Web</h1>
<label>请输入待办实现名称</label><input id="name" type="text"><button onclick="addTodo()">添加</button>
<h3>
    待办事项列表:
</h3>
<div id="list"></div>
</body>
</html>